<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
<h:head>
<title>Pacchetto personale</title>
		<link rel="stylesheet" type="text/css" href="style/reset.css" media="screen,print" />
		<link rel="stylesheet" type="text/css" href="style/print.css" media="print" />
		<link rel="stylesheet" type="text/css" href="style/style.css" media="screen,print" />
		<link rel="stylesheet" type="text/css" href="style/template.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/menu.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="pcss/pagina-3.css" media="screen" />
	</h:head>


<h:body onload="#{pacchettoBean.caricaInvito(param['code'])}">
		<div id="imHeaderBg"></div>
		<div id="imFooterBg"></div>
		<div id="imPage">
			<div id="imHeader">
				<h1 class="imHidden">Area Personale</h1>
			</div>
			<a class="imHidden" href="#imGoToCont" title="Salta il menu di navigazione">Vai ai contenuti</a>
			<a id="imGoToMenu"></a><p class="imHidden">Menu principale:</p>
			<div id="imMnMn" class="auto">
				<ul class="auto">
					<li id="imMnMnNode0">
						<a href="http://localhost:8080/TravelDreamOnlineWeb">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Home Page</span>
							</span>
						</a>
					</li><li id="imMnMnNode3" class="imMnMnCurrent">
						<a href="http://localhost:8080/TravelDreamOnlineWeb/user/index.xhtml">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Area Personale</span>
							</span>
						</a>
					</li><li id="imMnMnNode4">
						<a href="http://localhost:8080/TravelDreamOnlineWeb/admin/index.xhtml">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Area Riservata</span>
							</span>
						</a>
					</li><li id="imMnMnNode5">
						<a href="http://localhost:8080/TravelDreamOnlineWeb/contatti.html">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Contatti</span>
							</span>
						</a>
					</li>
				</ul>
			</div>
			<div id="imContentGraphics"></div>
			<div id="imContent">
			
<!--INSERIRE QUI LA PAGINA>
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
<-->	

<h1> #{pacchettoBean.selectedPacchetto.nome}</h1>
		<h:form>
		<p:growl id="growl" showDetail="true" sticky="true" />
		
		<p:commandButton value="Partecipa" update="growl" icon="ui-icon-search" action="#{acquistoBean.pagaPacchettoPersonale(pacchettoBean.selectedPacchetto)}"/>    		
			
    	<p:dataTable id="pack" var="elemento" value="#{pacchettoBean.selectedPacchetto.elementi}" scrollable="true" scrollHeight="150"
    	rowKey="#{elemento.idElementoBase}" selection="#{pacchettoBean.selectedElemento}" selectionMode="single">  
        	<p:column headerText="Nome Elemento">  
            	<h:outputText value="#{elemento.nome}" />  
        	</p:column>  
        	
        	<p:column headerText="Data">  
            	<h:outputText value="#{elemento.data}" />  
        	</p:column> 
        	
           	<p:column headerText="Ora">  
            	<h:outputText value="#{elemento.ora}" />  
        	</p:column>   
        
        	<p:column headerText="Prezzo">  
            	<h:outputText value="#{elemento.prezzo}" />  
        	</p:column>  
  
          	<p:column headerText="Tipo">  
            	<h:outputText value="#{elemento.tipo}" />  
        	</p:column>  
  	  </p:dataTable>  
  	  
  	    	 <p:dialog header="Dettaglio Elemento " widgetVar="elementDialog" resizable="false" id="carDlg"  
                showEffect="fade" hideEffect="explode" modal="true" position="top">  
  
        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">  
  
            <h:outputText value="Nome:" />  
            <h:outputText value="#{ricerca.selectedElemento.nome}" style="font-weight:bold"/>
            
            <h:outputText value="Data:" />  
            <h:outputText value="#{ricerca.selectedElemento.data}" style="font-weight:bold"/>  
            
            <h:outputText value="Prezzo:" />  
            <h:outputText value="#{ricerca.selectedElemento.prezzo}" style="font-weight:bold"/>    
  
  			<h:outputText value="Tipo:" />  
            <h:outputText value="#{ricerca.selectedElemento.tipo}" style="font-weight:bold"/> 
           
           
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Volo'}" value="Città arrivo:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.cittàArrivo}" style="font-weight:bold"/> 
            
  			<h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Volo'}" value="Città partenza:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.cittàPartenza}" style="font-weight:bold"/> 
        
        	<h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Volo'}" value="Compagnia:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.compagnia}" style="font-weight:bold"/>
  			
  			<h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Volo'}" value="Numero Volo:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.numVolo}" style="font-weight:bold"/>    
          

            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Escursione'}" value="Città:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Escursione'}" value="#{ricerca.escursione.città}" style="font-weight:bold"/> 
            
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Escursione'}" value="Ora:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Escursione'}" value="#{ricerca.escursione.oraFine}" style="font-weight:bold"/> 
             
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Escursione'}" value="Tipo:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Escursione'}" value="#{ricerca.escursione.tipo}" style="font-weight:bold"/> 
            
            
            
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Hotel'}" value="Città:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.città}" style="font-weight:bold"/> 
                        
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Hotel'}" value="Descrizione:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.descrizione}" style="font-weight:bold"/> 
                     
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Hotel'}" value="Indirizzo:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.indirizzo}" style="font-weight:bold"/> 
            
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Hotel'}" value="Numero Telefono:" />  
            <h:outputText rendered="#{ricerca.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.numTelefono}" style="font-weight:bold"/> 
           
                     
        </h:panelGrid>   
  
    </p:dialog>  
  	  
     <p:commandButton value="Indietro" oncomplete = "window.history.back();"/> 	  
    </h:form>  
<!--FINE DELLA PAGINA>
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
<-->						
				
								
			</div>		
			<div id="imFooter">
				
			</div>
	</div>
		<span class="imHidden"><a href="#imGoToCont" title="Rileggi i contenuti della pagina">Torna ai contenuti</a> | <a href="#imGoToMenu" title="Naviga ancora nella pagina">Torna al menu</a></span>
		
	<noscript class="imNoScript"><div class="alert alert-red">Per poter utilizzare questo sito è necessario attivare JavaScript.</div></noscript>
				</h:body>
</html>